$(document).ready(function() {
	initTemplate();
	$("#nav_next").click(function() {
		nextStep();
	});
	$("#nav_back").click(function() {
		back();
	});
	$("#uploadImgLink").on("click", openFile);
    // $("#uploadImgLink").click(function() {
    //     return $('#uploadInput').click();
    // });
    // $('#uploadInput').localResizeIMG({
    //          width: 100,
    //          quality: 0.7,
    //          success: function (result) {
    //         $("#uploadImg").attr("src", result.base64);
    //          // var img = new Image();
    //          // img.src = result.base64;

    //          // $('body').append(img);
    //          // console.log(result);
    //          }
    //      });

});
/**
 * 初始化模板
 */
function initTemplate() {
    shouldShowbottom();
}
//判断编辑状态还是展示状态
function shouldShowbottom() {
    var container = $("#container");
    var height = $(window).height() - 47;
    container.height(height);
}
/**
 * 打开文件选择器
 */
function openFile() {
    $("#uploadInput").click();
    $("#uploadInput").on("change", checkFile);
}

/**
 * 检测上传的文件
 * @returns {boolean}
 */
function checkFile() {
    var file = this.files[0];

    //检测文件类型
    if (file.type.indexOf("image") == -1) {
        alert("请选择图片文件！");
        return false;
    }

    //检测文件大小50k
    // var fileSize = Math.floor(file.size / 1024); //将文件的字节转换为kb；
    // if (fileSize > 50) {
    //     alert("上传的图片不能超过50k！");
    //     return false;
    // }

    var filePath = getObjectURL(file);
    if (filePath) {
        $("#uploadImg").attr("src", filePath);
        // $("#uploadImg").src = filePath;

    } else {
        alert("上传失败！");
    }

}

//建立一個可存取到該file的url
function getObjectURL(file) {
    var url = null;
    if (window.createObjectURL != undefined) { // basic
        url = window.createObjectURL(file);
    } else if (window.URL != undefined) { // mozilla(firefox)
        url = window.URL.createObjectURL(file);
    } else if (window.webkitURL != undefined) { // webkit or chrome
        url = window.webkitURL.createObjectURL(file);
    }
    return url;
}


//保存成功后,返回
function nextStep(){
	$("#save_image").submit();
    //window.location.href = "template1index.html";
}
//返回上个界面
function back(){
    window.history.back();
}
